@media only screen and (max-width: 2460px), only screen and (max-device-width: 2460px) {
  html,
  body {
    font-size: 1rem;
  }
  #header {
    display: none !important;
  }
}
@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
  html,
  body {
    font-size: 1rem;
  }
  #side {
    display: none !important;
  }
  #pagemap {
    display: none !important;
  }
  #header {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
  #container {
    padding: 0.2rem;
  }
  #container .main {
    margin-top: 3.5rem !important;
    padding: 0rem !important;
  }
  #container .posts .item .bg {
    height: 17rem !important;
  }
  #container .posts .item .describe .meta .l .warp .desp {
    display: none !important;
  }
  #search-shade .input-wrap {
    width: 90% !important;
  }
  #search-shade .search-result {
    width: 90% !important;
  }
}
